<template>
    <div class="access">
        <Row>
            <i-col span="8" >
                <Card style="padding-bottom:450px">
                    <div class="access-user-con access-current-user-con">
                        <dictionaryTree></dictionaryTree>
                    </div>
                </Card>
            </i-col>
            <i-col span="16" class="padding-left-100">
                <Card style="padding-bottom:400px">
                    <div class="access-user-con access-change-access-con">
                        <dictionaryOperate></dictionaryOperate>
                    </div>
                </Card>
            </i-col>
        </Row>
    </div>
</template>
<script>
import dictionaryOperate from './components/dictionaryOperate'
import dictionaryTree from './components/dictionaryTree'
export default {
    components: {
        'dictionaryOperate': dictionaryOperate,
        'dictionaryTree': dictionaryTree
    },
    name: 'dictionary'
}
</script>
<style scoped>
    .layout{
        border: 1px solid #d7dde4;
        background: #f5f7f9;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
    }
    .layout-logo{
        width: 100px;
        height: 30px;
        background: #5b6270;
        border-radius: 3px;
        float: left;
        position: relative;
        top: 15px;
        left: 20px;
    }
    .layout-nav{
        width: 420px;
        margin: 0 auto;
        margin-right: 20px;
    }
    .layout-footer-center{
        text-align: center;
    }
</style>
